*{
    box-sizing: border-box;
}
html,body{
    width: 100%;
    /* overflow-x: hidden; */
}
body{
    display: flex;
    flex-direction:column;
}
html,body,ul,li,ol,dl,dd,dt,p,h1,
h2,h3,h4,h5,h6,form,fieldset,
legend,img,input,figure,figcaption{
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6{
    font-size:16px;
    font-weight:normal;
}
ul,ol,li{
    list-style:none;
}
b,strong{
    font-weight:normal;
}
em,i{
    font-style:normal;
}
a,u{
    text-decoration: none;
}
img{
    border:0;
    display:block;
}
input{
    outline:none;
}
.clearfix::before{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}
.clearfix{
    zoom:1;
}
